<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>关于我们</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/style1.css" />
    <link rel="stylesheet" href="./css/public.css" />
    <link rel="stylesheet" href="./fonts/iconfont.css" />
    <link rel="stylesheet" href="./css/animate.min.css" />
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
  </head>
  <body>
    <!-- 头部导航开始 -->
    <div class="nav_bg">
      <div class="logo fl">
        <a href="#">
          <img src="./picture/20191281544491508.png" alt="" />
        </a>
      </div>
      <div class="nav" id="nav">
        <ul class="clearfix">
          <li>
            <a href="首页.html">首页</a>
          </li>
          <li>
            <a href="#" class="active">南极北极</a>
            <div class="subnav">
              <p><a href="#">南极线路</a></p>
              <p><a href="#">北极线路</a></p>
              <p><a href="#">南极百科</a></p>
              <p>
                <a href="#">北极百科</a>
              </p>
              <p><a href="#">往期回顾</a></p>
            </div>
          </li>

          <li>
            <a href="列表页.html">南北极船票</a>
            <div class="subnav">
              <p><a href="#">南极船票预定</a></p>
              <p>
                <a href="#">北极船票</a>
              </p>
              <p><a href="#">南北极点</a></p>
              <p><a href="#">选船攻略</a></p>
            </div>
          </li>

          <li>
            <a href="#">主题旅行</a>
            <div class="subnav">
              <p><a href="#">极致风光</a></p>
              <p><a href="#">人文旅行</a></p>
              <p><a href="#">野奢户外</a></p>
              <p><a href="#">奢享度假</a></p>
              <p><a href="#">主题百科</a></p>
              <p><a href="#">往期回顾</a></p>
            </div>
          </li>

          <li>
            <a href="详情页.html">定制线路</a>
          </li>

          <li>
            <a href="游学百科.html">国际游学</a>
            <div class="subnav">
              <p>
                <a href="#">游学线路</a>
              </p>
              <p>
                <a href="#">游学百科</a>
              </p>
            </div>
          </li>

          <li>
            <a href="#">目的地</a>
          </li>

          <li>
            <a href="悦行社区.html">悦行社区</a>
            <div class="subnav">
              <p><a href="#">旅行资讯</a></p>
              <p><a href="#">旅行百科</a></p>
              <p><a href="#">图说故事</a></p>
              <p><a href="#">南极船票</a></p>
              <p><a href="#">往期回顾</a></p>
              <p><a href="#">视频中心</a></p>
            </div>
          </li>

          <li>
            <a href="关于页.html">关于我们</a>
          </li>
        </ul>
      </div>
      <div class="user fr">
        <span class="iconfont">&#xe603;</span>
        <span>028-85435480</span>
        <span class="iconfont">&#xe603;</span>
        <span>400-8857-208</span>
        <span><a href="#">注册</a></span>
        <span>|</span>
        <span><a href="#">登录</a></span>
      </div>
    </div>
    <div
      class="top_nav"
      id="header"
      style="
        background: url(./images/20206231616487360.jpg) no-repeat;
        height: 1070px;
        position: relative;
      "
    >
      <div class="main_logo">
        <ul>
          <li>
            <img src="./imgs/201921918578979.png" alt="" />
            <h2>行之悦旅行 Joy Traveller</h2>
            <p>
              定位于高品质旅行。秉承“旅行改变视野”的品牌理念，为客户提供高端特色主题旅行、私人定制旅行服务。
            </p>
          </li>
          <li>
            <img src="./images/20201113211873018.jpg" alt="" />
            <h2>博乐橙 prosoon</h2>
            <p>
              专注于教育旅行。坚持以“教育为核心，旅行为载体”的理念，专为6-18岁的孩子及家庭提供优质教育旅行产品。
            </p>
          </li>
        </ul>
      </div>
    </div>
    <!-- 头部导航结束 -->

    <!-- 侧边栏开始 -->
    <div class="subnav">
      <ul>
        <li><a href="#">专属定制</a></li>
        <li>
          <a href="#"><span class="iconfont">&#xe63d;</span></a>
        </li>
        <li>
          <a href="#"><span class="iconfont">&#xe698;</span></a>
        </li>
        <li>
          <a href="#"><span class="iconfont">&#xe651;</span></a>
        </li>
        <li>
          <a href="#"><span class="iconfont">&#xe641;</span></a>
        </li>
      </ul>
      <a href="#header"><img src="./images/stop.png" alt="" /></a>
    </div>
    <!-- 侧边栏结束 -->
    <!-- 中间主体开始 -->
    <div class="main_list">
      <div class="w">
        <ul>
          <li>
            <img src="./images/adt5.png" alt="" />
            <img src="./images/adt8.png" alt="" />
            <h2>无主题,不旅行</h2>
            <p>
              每个线路设计都主题鲜明。或极地探索、或历史文化、或美食摄影，或狂野自驾。
            </p>
          </li>
          <li>
            <img src="./images/adt6.png" alt="" />
            <img src="./images/adt9.png" alt="" />
            <h2>唯专业,唯细节</h2>
            <p>
              每个服务细节都精益求精。用专业知识，与专注精神，持续升级与迭代服务体验。
            </p>
          </li>
          <li>
            <img src="./images/adt7.png" alt="" />
            <img src="./images/adt10.png" alt="" />
            <h2>理想时间,理想地点</h2>
            <p>
              每个旅行选择都匠心独具。在对的时间，去对目的地，享受一生一次的旅行体验。
            </p>
          </li>
        </ul>
      </div>
    </div>
    <div class="main_banner w">
      <h2 class="ta-title"><span>发展历程</span></h2>
      <div class="banner_h">
        <span>2013</span>
        <span>2014</span>
        <span>2015</span>
      </div>
      <ul>
        <li>
          <div class="banner_box">
            <div class="box_text">
              <span></span>
              <p>
                行之悦旅行成立，专注高端旅行市场，主营非洲坦桑尼亚游猎、南极旅行等特色主题旅行业务。
              </p>
            </div>
            <div class="box_text">
              <span></span>
              <p>
                行之悦旅行也为有需求的客户提供私人定制旅行服务，是国内较早的高端私人定制旅行机构。
              </p>
            </div>
            <p>
              <a
                href="#"
                style="
                  color: #8cc227;
                  font-size: 16px;
                  margin-left: 20px;
                  display: inline-block;
                "
                >查看所有>
              </a>
            </p>
            <img src="./images/20206231033387336 (2).jpg" alt="" />
          </div>
        </li>
        <li>
          <div class="banner_box">
            <div class="box_text">
              <span></span>
              <p>
                创新型『飞越德雷克海峡』不晕船南极旅行开创市场先河，中国市场客户南极旅行可以告别晕船之苦。
              </p>
            </div>
            <div class="box_text">
              <span></span>
              <p>
                创新型线路阿拉斯加户外之旅，斯里兰卡和印度专业摄影之旅受到客户一致好评。
              </p>
            </div>
            <p>
              <a
                href="#"
                style="
                  color: #8cc227;
                  font-size: 16px;
                  margin-left: 20px;
                  display: inline-block;
                "
                >查看所有>
              </a>
            </p>
            <img src="./images/2020651719596056.jpg" alt="" />
          </div>
        </li>
        <li>
          <div class="banner_box">
            <div class="box_text">
              <span></span>
              <p>
                国内第一条沙漠观星主题亲子教育旅行线路—『大漠星途』上市，成为高品质旅行细分市场一大创新热点。
              </p>
            </div>
            <div class="box_text">
              <span></span>
              <p>
                加入IAATO(国际南极旅游组织协会)，成为全国少数IAATO会员之一，为南极环保和可持续发展的旅游开展尽到自己应有的责任。
              </p>
            </div>
            <p>
              <a
                href="#"
                style="
                  color: #8cc227;
                  font-size: 16px;
                  margin-left: 20px;
                  display: inline-block;
                "
                >查看所有>
              </a>
            </p>
            <img src="./images/2020651046342146.jpg" alt="" />
          </div>
        </li>
      </ul>
    </div>
    <div class="t1-team-bg fstyle" style="background-image: url(./images/td11.jpg);">
      <div class="t1-team-black">
        <h2 class="ta-title"><span>团队介绍</span></h2>
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="./images/2020621636231472.jpg" alt="" />
            </div>
            <div class="swiper-slide">
              <img src="./images/2020621644147985.jpg" alt="" />
            </div>
            <div class="swiper-slide">
              <img src="./images/2020621720417049.jpg" alt="" />
            </div>
            <div class="swiper-slide">
              <img src="./images/202062170361860.jpg" alt="" />
            </div>
          </div>
           <!-- 如果需要导航按钮 -->
           <div class="swiper-button-prev"></div>
           <div class="swiper-button-next"></div>
        </div>
      </div>
    </div>
    <div class="main_travel">
      <div class="w">
        <h2 class="ta-title"><span>旅行回顾</span></h2>
        <div class="travel_imgs">
          <div class="travel_img1 fl">
            <div class="l_img">
              <img src="./images/2020651627142154.jpg" alt="" />
              <p><span class="iconfont">&#xe600;</span>2019.07&nbsp;瑞士游学</p>
            </div>
            <div class="l_img">
              <img src="./images/2020651751491727.jpg" alt="" />
              <p><span class="iconfont">&#xe600;</span>2019.07&nbsp;瑞士游学</p>
            </div>
          </div>
          <div class="travel_img2 fl">
            <div class="l_img">
              <img src="./images/2020651749177757.jpg" alt="" />
              <p><span class="iconfont">&#xe600;</span>2019.07&nbsp;瑞士游学</p>
            </div>
          </div>
          <div class="travel_img3 fr">
            <div class="l_img">
              <img src="./images/20206895551162.jpg" alt="" />
              <p><span class="iconfont">&#xe600;</span>2019.07&nbsp;瑞士游学</p>
            </div>
            <div class="l_img">
              <img src="./images/2020651749496194.jpg" alt="" />
              <p><span class="iconfont">&#xe600;</span>2019.07&nbsp;瑞士游学</p>
            </div>
          </div>
        </div>
        <button>换一组<i class="iconfont">&#xe627;</i></button>
      </div>
    </div>
    <div class="w t1-join fstyle">
      <h2 class="ta-title"><span>加入我们</span></h2>
      <div class="t1-join-desc">
        <p>
          旅行，不应千篇一律。旅行，也不仅是生活方式。去最独特的目的地，体验独一无二的当地体验。在行之悦，这是我们的信仰。最后，除了环游世界，这里什么都没有。
        </p>
        <p><br /></p>
        <p class="bot">
          简历请投递至： <a>jt@joytraveller.com</a>（主题事业部）
          <a>simon@joytraveller.com</a>（亲子事业部）
        </p>
      </div>
      <ul class="t1-join-list clearfix">
        <li>
          <div class="item trans3">
            <p class="num trans3 ellipsisT">销售总监（亲子事业部）（1名）</p>
            <p class="title trans3 ellipsisT"></p>
            <p class="c">销售经验丰富，团队管理能力佳。</p>
            <a href="join.aspx?id=83" class="linkAP"></a>
          </div>
        </li>

        <li>
          <div class="item trans3">
            <p class="num trans3 ellipsisT">
              社群营销经理 （亲子事业部）（1名）
            </p>
            <p class="title trans3 ellipsisT"></p>
            <p class="c">熟悉教育旅游业务，社群营销推广经验丰富。</p>
            <a href="join.aspx?id=83" class="linkAP"></a>
          </div>
        </li>

        <li>
          <div class="item trans3">
            <p class="more-desc">
              <i class="trans3">+</i><br />更多<br />
              职位
            </p>
            <a href="join.aspx?id=83" class="linkAP"></a>
          </div>
        </li>
      </ul>
      <div class="swiper-container">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./images/20206231135455030.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/2020623113013568.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/20206231116523379.jpg" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./images/20206231135455030.jpg" alt="" />
          </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </div>
    </div>
    <div class="main_cooperation">
      <div class="w">
        <h2 class="ta-title"><span>合作品牌</span></h2>
        <div class="cooperation_img">
          <img src="./images/2020529935323833.jpg" alt="" />
          <img src="./images/2020623910408758.jpg" alt="" />
          <img src="./images/2020651640236055.jpg" alt="" />
          <img src="./images/2020529935323833.jpg" alt="" />
          <img src="./images/2020529935323833.jpg" alt="" />
          <img src="./images/2020651640236055.jpg" alt="" />
          <img src="./images/2020529935323833.jpg" alt="" />
          <img src="./images/2020529935323833.jpg" alt="" />
          <img src="./images/2020651640236055.jpg" alt="" />
          <img src="./images/2020529935323833.jpg" alt="" />
          <img src="./images/2020623910408758.jpg" alt="" />
          <img src="./images/2020529935323833.jpg" alt="" />
          <img src="./images/2020651640236055.jpg" alt="" />
          <img src="./images/2020529935323833.jpg" alt="" />
          <img src="./images/2020623910408758.jpg" alt="" />
          <img src="./images/2020623910408758.jpg" alt="" />
          <img src="./images/2020651640236055.jpg" alt="" />
          <img src="./images/2020623910408758.jpg" alt="" />
        </div>
      </div>
    </div>

    <!-- 中间主体结束 -->
    <!-- 尾部导航开始 -->
    <div class="footer">
      <div class="w">
        <div class="footer_nav">
          <a href="#">南极旅行报名处</a><span>|</span>
          <a href="#">主题旅行报名处</a><span>|</span> <a href="#">满意度调查</a
          ><span>|</span> <a href="#">旅行清单</a><span>|</span>
          <a href="#">加入我们</a><span>|</span> <a href="#">友情链接</a
          ><span>|</span>
          <a href="#">帮助中心</a>
        </div>
        <div class="footer_info">
          <span>
            地址:
            <a href="#">四川省成都市武侯区长华路19号万科·汇智中心2706-07</a>
          </span>
          <span class="ftel"
            >客服热线：400-8857-028 &nbsp;&nbsp;|&nbsp;&nbsp; 座机：028-85435480
          </span>
          <span>邮箱：</span>
          <span class="email">jt@joytraveller.com</span>
        </div>
        <div class="footer_user">
          <input type="text" placeholder="您的姓名" />
          <input type="text" placeholder="您的手机号码" />
          <button>提交</button>
          <p class="by">留下联系方式， 我们会尽快和您取得联系</p>
        </div>
        <div class="footer_w">
          <p>
            版权所有 2015 成都行之悦国际旅行社有限公司 All Rights Reserved
            <a href="https://beian.miit.gov.cn/" target="_blank">
              蜀ICP备16018295号-1</a
            >
            <a href="http://www.symansbon.cn/" target="_blank" class="itemLink"
              >网站设计：赛门仕博</a
            >
          </p>
          <p>
            声明：本网站部分图片来自网络，若作者看到，请尽快与行之悦旅行联系。
          </p>
        </div>
      </div>
    </div>
    <!-- 尾部导航结束 -->
    <script src="./js/swiper-bundle.min.js"></script>
    <script>
      var mySwiper = new Swiper(".swiper-container", {
        direction: "horizontal", // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true,
        // 如果需要分页器
        pagination: {
          el: ".swiper-pagination",
        },
      });
    </script>
  </body>
</html>
